<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<title>消息详情</title>
			<link href="../css/mui.min.css" rel="stylesheet" />
		<link rel="stylesheet" href="../css/font-awesome-4.3.0/css/font-awesome.min.css" />
		<link href="../css/config.css" rel="stylesheet" />
		<link href="../css/base.css" rel="stylesheet" />
		<link href="../css/index.css" rel="stylesheet" />
		<link href="../css/circle.css" rel="stylesheet" />
		<style type="text/css">
    		.kr-article-bar {
				-webkit-transition: -webkit-transform .3s, opacity .3s;
				transition: transform .3s, opacity .3s;
				-webkit-transform: translate3d(0, 100%, 0);
				transform: translate3d(0, 100%, 0);
				opacity: 0;
			}
			.kr-article-bar.mui-active {
				-webkit-transform: translate3d(0, 0, 0);
				transform: translate3d(0, 0, 0);
				opacity: 1;
			}
			.para{
				padding:10px 10px 0px 10px;
			}
			.message-view-title{
				font-size:18px;
				line-height:1.3;
				color:#333;
			}
				.message-view-info {
					line-height:30px;
					border-bottom:1px solid #f7f7f7;
				}
				.message-view-info{
					color:#31A7E5;
				}
			.message-view-info .message-view-time{
				margin-right:5px;
				color:gray;
			}
    	</style>
	</head>
	<body>
		<header class="mui-bar mui-bar-nav km-navbar white-header" style="box-shadow:none;">
			<a class="mui-icon mui-icon-back mui-pull-left mui-action-back" ></a>
			<h1 id="title" class="mui-title km-view-title">消息详情</h1>
		</header>
		<div id="footer" class="kr-article-bar mui-bar mui-bar-standard mui-bar-footer">
			<a id="back" class="mui-action-back mui-icon mui-icon-arrowleft mui-pull-left" style="padding: 10px;margin-left: -10px;"></a>
			<div class="mui-pull-right">
				<a id="share" class="mui-icon mui-icon-compose" href="javascript:;"></a>
		</div>
		</div><!--mui-scroll-wrapper-->
		<div class="mui-content3 mui-content-padded" style="position: absolute;top: 0;bottom: 0;">
			<p class="message-view-title">山西省首届伤口造口管理及学术交流会在并召开</p>
			<p class="message-view-info"><span class="message-view-time">10:10</span>Admin</p>
			<p class="para">山西省首届伤口造口管理及学术交流会在并召开山西省首届伤口造口管理及学术交流会在并召开山西省首届伤口造口管理及学术交流会在并召开山西省首届伤口造口管理及学术交流会在并召开</p>
			<p class="para">山西省首届伤口造口管理及学术交流会在并召开山西省首届伤口造口管理及学术交流会在并召开山西省首届伤口造口管理及学术交流会在并召开山西省首届伤口造口管理及学术交流会在并召开</p>
		
		</div>
	</body>
	<script src="../js/mui.min.js"></script>
	<script src="../js/Global.js"></script>
	<script>
	var footerEl = document.getElementById("footer");
		mui.init({
				swipeBack: true,
				beforeback: function() {
					setTimeout(function() {
						footerEl.classList.remove('mui-active');
					}, 200);
				}
			});
			document.body.addEventListener('tap', function() {
				footerEl.classList.toggle('mui-active');
			});
	</script>

</html>